<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--引入第三方框架UI-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/base.less">
    <link rel="stylesheet/less" href="./css/index.less">
    <script type="text/javascript" src="./lib/less/less.js"></script>
    <link rel="stylesheet" type="text/css" href="fonts/iconfont.css"/>
    <title>慢慢买</title>
</head>
<body>
    <!--头部-->
    <header id="header">
      	<a href="http://localhost/MobileShopProject/index.html" class="logo">
      		<img src="./images/header_logo.png" alt="" />
      	</a>
      	<a href="#"  class="app">
      		<img src="./images/header_app.png"/>
      	</a>
    </header>
    <!--搜索-->
    <section id="search">
			<input type="text" id="" placeholder="请输入您想比价的商品" />
			<button>搜索</button>
    </section>
    <!--菜单-->
    <section id="menu">
		<ul  class="clearfix">
			<li><a href="./category.html"><img src="./images/ic_search.png"/><span>比价搜索</span></a></li>
			<li><a href="./moneyctrl.html"><img src="./images/ic_cu.png"/><span>省钱控</span></a></li>
			<li><a href="./inlanddiscount.html"><img src="./images/ic_coudanpin.png"/><span>国内折扣</span></a></li>
			<li><a href="./baicaijia.html"><img src="./images/ic_bcj.png"/><span>白菜价</span></a></li>
			<li><a href="#"><img src="./images/haitao.png"/><span>海外折扣</span></a></li>
			<li><a href="./coupon.html"><img src="./images/ic_temai.png"/><span>优惠劵</span></a></li>
			<li><a href="#"><img src="./images/ic_trend.png"/><span>查历史价</span></a></li>
			<li><a href="#"><img src="./images/gengduo.png"/><span>更多</span></a></li>
			<li><a href="./gsproduct.html"><img src="./images/ic_coudanpin.png"/><span>凑单品</span></a></li>
			<li><a href="#"><img src="./images/ic_kb.png"/><span>口碑排行</span></a></li>
			<li><a href="#"><img src="./images/ic_mall.png"/><span>商城导航</span></a></li>
			<li><a href="#"><img src="./images/ic_pp.png"/><span>品牌大全</span></a></li>
		</ul>
    </section>
    <!--商品推荐-->
    <section id="recommen">
		<div class="nav">
			<h3>超值折扣推荐</h3>
			<span>
			</span>
		</div>
		<div id="recommenGet">
		</div>
		<div class="recommenBottom">
			<a href="#">
				更多优惠信息 》
			</a>
		</div>
    </section>
    <!--底部-->
    <section id="footer">
		<div class="footerH3">
			品牌排行
			<span></span>
		</div>
		<ul class="clearfix">
			<li>登陆</li>
			<li>注册</li>
			<li><em class="iconfont icon-xiangshangjiantou">返回顶部</em></li>
		</ul>
		<div id="footerA">
			<a href="#">手机APP下载</a>
			<a href="#">慢慢买手机版</a>
			 -- 掌上比价平台
			 <p>
                m.manmanbuy.com  </p>
		</div>
    </section>





    <!--js文件 注意引入的依赖关系-->
    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./lib/template.js"></script>
    <script type="text/html" id="recommenJson">
            {{each result as value i }}
                <div>
                    <a href="#">
                        {{#value.productImg2}}
                        <div>
                        <h5>{{value.productName}}</h5>
                        <br />
                        <span>{{value.productPinkage}}</span>
                        <p>{{value.productFrom}} | {{value.productTime}}</p>
                        <i class="iconfont icon-huifu">{{value.productComCount.replace("有","").replace("人评论","")}}</i>
                        </div>
                    </a>
                        
                </div>
            {{/each}}
    </script>
</body>
</html>